﻿body, html
{
    font-family: Verdana;
    height: 100%; /* this is the key! */
    margin: 0px 0px 0px 0px;
    padding: 0;
    overflow: hidden;
    /* width: 100%; */
}
.href
{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial;
}
.href:visited
{
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial;
}
.contentbodytop
{
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}
select
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.pagetitle
{
    color: #29176B;
    font-weight: bold;
    font-size: 18px;
    font-family: Verdana, Arial;
}
.pageSubtitle
{
    color: maroon;
    font-weight: bold;
    font-size: 16px;
    font-family: Verdana, Arial;
}
.pageSubTitleBlack
{
    color: Black;
    font-weight: bold;
    font-size: 16px;
    font-family: Verdana, Arial;
}
.pageSubTitleBlackMenu
{
    color: Black;
    font-weight: bold;
    font-size: 16px;
    line-height: 10pt;
    font-family: Verdana, Arial;
    text-decoration: none;
}
.SubTitleItalic
{
    color: maroon;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial;
    font-style: italic;
    letter-spacing: 1px;
}
.footer
{
    color: #999999;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial;
}

.inputpanel
{
    border: 1px solid buttonface;
}

.footerlink
{
    color: #0033cc;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial;
}
.stdheaderTable
{
    width: 100%;
    background: url(images/calyon_bg.jpg) white;
    height: 90px;
}
.stdheaderLine
{
    width: 100%;
    background: url(images/calyon_bg_a.jpg) repeat-x white;
    height: 90px;
}
.stdfooterLeft
{
    width: 50%;
    background: url(images/arplanbas1.gif);
}
.stdfooterRight
{
    width: 50%;
    background: url(images/arplanbas2.gif);
}
.trInput
{
    height: 20px;
}
.label
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
}

.logolabel
{
    font-family:
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
}

.labelEquity
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;   
    font-weight: bold;
}
.multiCriteriaLabel
{
    font-family: Verdana, Arial;
    font-size: 10px;
}
.labelValue
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
}
.labelValueHighlight
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    color: Red;
    font-weight: bold;
}

.labelValueLeft
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align:right;
    vertical-align: middle;
    font-weight : normal;
}
.labelWarning
{
    font-family: Arial;
    font-style: italic;
    font-size: 13px;
    text-align: right;
    vertical-align: middle;
}
.labelCenter
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}
.defaultLabel
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
}
.labelGridItemLeft
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
}
.labelItalic
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
    font-style: italic;
}
.labelLeft
{
    font-family: Verdana, Arial;
    font-size: 10px;
    vertical-align: middle;
}
.labelbold
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
}
.labelheadingbold
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    color: #990000;
}
.labelboldcentre
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}
.labelmaroonbold
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    color: #5c0000;
}
.labelRequiredField
{
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    color: Maroon;
    text-align: left;
}
.labelMandatoryMsg
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
    color: Red;
}

.homeLeaveNet
{
    font-family: Verdana, Arial;
    font-size: 14pt;
    font-weight: bold;
    color: Purple;
}
.dropdown
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.listitem
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.listitemRight
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align : right;
    
}
.checkbox
{
    background-color: White;
    font-family: Verdana, Arial;
    font-size: 10px;
}

.tabletitle
{
    font-family: Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
    text-align: Left;
    background: url(images/dialogueHeaderCenter.gif) repeat-x;
    background-color: white;
    color: #fff;
    height: 30px;
    width: 100%;
    padding-left: 4px;
}

.CapsText
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
    text-transform: uppercase;
}


.textfield
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}


.datepicker
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.textfieldNoBorder
{
    border: 0px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}

.textfieldAmount
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: Right;
}

.textfieldlookupdisabled
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #F7F3F7;
}

.textfieldlookupdisabledNoBorder
{
    border: 0px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: white;
}

.textarea
{
    border: 1px solid #999999;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.LimitsTh
{
    font-size: 10px;
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    cursor: hand;
    color: #999999;
    border-bottom: gainsboro 1px solid;
    background-color: white;
}
.PrudentialChartLabel
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    cursor: hand;
    color: #999999;
    border-bottom: gainsboro 1px solid;
    background-color: white;
    font-size: 10px;
}
.button
{
    /* border-right: gray 1px solid; 	border-top: gray 1px solid; 	border-left: gray 1px solid; 	cursor: hand; 	color: gray; 	border-bottom: gray 1px solid; 	background-color: white; */ /* 	border-right: gainsboro 1px solid; 	border-top: gainsboro 1px solid; 	border-left: gainsboro 1px solid; 	cursor: hand; 	color: #999999; 	border-bottom: gainsboro 1px solid; 	background-color: white; */
}
.defaultButton
{
    /* 	border-left: gray 1px solid; 	 	border-top: gray 1px solid; 	 	border-right: black 1px solid; 	 	border-bottom: black 1px solid; 	 	cursor: hand; 	 	color: gray; 	 	background-color: white; 	font-family:Verdana; */
}
.buttonDisabled
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    cursor: hand;
    color: gray;
    border-bottom: gray 1px solid;
    background-color: white;
    text-decoration: line-through;
}
/*
.button
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: Black;
	cursor: hand;
	background-color:#F0F0F0;
	/* background-color: maroon; 
	border-right: maroon thin solid;
	border-top: maroon thin solid;
	border-left: maroon thin solid;
	border-bottom: maroon thin solid; 
} */
.Link
{
    text-decoration: underline;
    font-family: Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    cursor: hand;
}
.RadTvLink
{
    text-decoration: underline;
    font-family: Verdana, Arial;    
    font-weight : normal;
    cursor: hand;
    font-size: 10px; 
    color:Blue;   
}
.FontTextBlue
{
    font-family : Verdana, Arial;    
    font-weight : bold;    
    font-size: 10px; 
    color:Blue;
       
}
.error
{
    font-family: Verdana, Arial;
    font-size: 10px;
    color: Red;
    text-align: left;
}
.warningNote
{
    font-family: Verdana, Arial;
    font-size: 10px;
    color: Maroon;
}

.calyonLogo
{
    background: url(Images/calyon_logo.jpg) repeat-x white;
}

.tdTitleBag
{
    /* background: url(Images/box_maroon.gif) #dcdcdc fixed no-repeat 5px center; */
    background: url(Images/title2Left.gif) #cccccc fixed no-repeat 5px center;
    font-weight: bold;
    font-size: 10px;
    color: black;
    direction: ltr;
    text-indent: 25px;
    font-family: Verdana, Arial;
    height: 20px;
    vertical-align: middle;
    text-align: left;
}

.TitleHolder
{
    vertical-align: bottom;
    height: 12px;
    width: 100%;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 0;
    margin: 0px;
    cursor: hand;
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
}

.TitleHolderCollapsed
{
    vertical-align: bottom;
    height: 12px;
    width: 100%;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 0;
    margin: 0px;
    cursor: hand;
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: silver 1px solid;
}

.tdTitlePlain
{
    background: #cccccc url(     '' ) fixed no-repeat left bottom; /*border: solid 1px red;*/
    text-indent: 25px;
    width: auto;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.tdTitleSymbol
{
    background: #cccccc url(Images/title2Left.gif) fixed no-repeat left bottom; /*border: solid 1px red;*/
    text-indent: 25px;
    width: auto;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.tdTitleExpand
{
    background: url(Images/HeaderArrowExpanded.gif) #cccccc fixed no-repeat 2ex center; /*border: solid 1px red;*/
    text-indent: 25px;
    width: auto;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.tdTitleExpand2
{
    background: url(Images/HeaderArrowExpanded.gif) #E1E1E1 fixed no-repeat 2ex center; /*border: solid 1px red;*/
    text-indent: 25px;
    width: auto;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.tdTitleCollapse
{
    background: #cccccc url(Images/headerArrow.gif) fixed no-repeat 2ex center; /*border: solid 1px red;*/
    text-indent: 25px;
    width: auto;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.tdTitleCollapse2
{
    background: #EFEFEF url(Images/headerArrow.gif) fixed no-repeat 2ex center; /*border: solid 1px red;*/
    text-indent: 25px;
    width: auto;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.tdSlopeImage
{
    background: url(Images/title2Right.gif) fixed no-repeat left bottom; /*border: solid 1px green;*/
    width: 25px;
    text-align: left;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 10px;
    font-weight: bold;
}
.tdSlopeImage2
{
    background: url(Images/title2Right2.gif) fixed no-repeat left bottom; /*border: solid 1px green;*/
    width: 25px;
    text-align: left;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 10px;
    font-weight: bold;
}
.tdMiddleContent
{
    background: #cccccc fixed no-repeat 5px center;
    font-weight: bold;
    font-size: 10px;
    color: black;
    direction: ltr;
    text-indent: 25px;
    font-family: Verdana, Arial;
    height: 20px;
    vertical-align: middle;
    text-align: left;
}

.tdParagraph
{
    background: url(Images/box_maroon.gif) #dcdcdc fixed no-repeat 5px center;
    font-weight: bold;
    font-size: 10px;
    color: maroon;
    direction: ltr;
    text-indent: 25px;
    font-family: Verdana, Arial;
    height: 20px;
    vertical-align: middle;
    text-align: left;
}

.tdRedBorder
{
    border-right: maroon thin solid;
    border-top: maroon thin solid;
    border-left: maroon thin solid;
    border-bottom: maroon thin solid;
}
.tableSeperator
{
    height: 20px;
    background-image: url(Images/separateur2.gif);
}
.username
{
    font-family: Verdana, Arial;
    font-size: 10pt;
    color: White;
    font-weight: bold;
}
.tdleft
{
    text-align: left;
    vertical-align: middle;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.tdright
{
    text-align: right;
    vertical-align: middle;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.tdcenterwhite
{
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial;
    font-size: 10px;
}
.tdcenter
{
    background-color: #c0c0c0;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Arial;
    font-size: 10px;
}

.tdLink
{
    background-color: #e7d0c8;
    text-decoration: underline;
    font-family: Verdana, Arial;
    font-size: 10pt;
    font-weight: bold;
    cursor: hand;
}

/* ------------------------------------------------------
   Class 'onglet' - Onglet standard
   ------------------------------------------------------ */

.onglet
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-variant: small-caps;
    font-weight: 900;
    text-decoration: none;
}

.onglet th
{
    background: #D4D4D4 no-repeat left center url(fourpoints_black.gif);
    padding-left: 12pt;
    margin: 2pt;
    color: black;
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    font-weight: 900;
}

/* ------------------------------------------------------
   Class 'blockart' - superseeding Normal
   ------------------------------------------------------ */

td.blockart
{
    background-color: white;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #cccccc;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #cccccc;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 5px;
}

.message
{
    font-weight: normal;
    font-size: 9pt;
    color: Green;
    font-family: Arial, Verdana;
    text-align: center;
}

.summarymessage
{
    font-weight: bold;
    font-size: 10px;
    color: Red;
    font-family: Arial, Verdana;
}
tooltip
{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: #00C0C0;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


#dhtmltooltip
{
    position: absolute;
    width: 150px;
    border: 2px solid black;
    padding: 2px;
    background-color: #00C0C0;
    visibility: hidden;
    z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.fixedPanel
{
    height: 71px;
    width: 800px;
}

.fixedPanelMediam
{
    height: 71px;
    width: 1000px;
}

.fixedPanelLarge
{
    height: 71px;
    width: 1200px;
}

.tabBorder
{
    border-right: maroon 1px solid;
    border-top: maroon 1px solid;
    margin: 1px;
    border-left: maroon 1px solid;
    border-bottom: maroon 1px solid;
}
.tabGrayBorder
{
    border-right: silver 1px solid;
    border-top: silver 1px solid; /* margin: 1px; */
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.tabGrayBorderLeft
{
    border-left: silver 1px solid;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.blackBorder
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    margin: 1px;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

.MaroonBox
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial, Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
    text-align: center;
    background-color: maroon;
}

.GrayBox
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial, Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
    background-color: silver;
}

.GrayBoxLink
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}

.menutext
{
    font-weight: bold;
    font-size: 15px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}
.menulink
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}
.menulink:link
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}
.menulink:visited
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}
.menulink:hover
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: underline;
}


.menu
{
    font-weight: bold;
    font-size: 10px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}

.menu:link
{
    font-weight: bold;
    font-size: 13px;
    color: white;
    line-height: 10pt;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
    
     
}
.menu:visited
{
    font-weight: bold;
    font-size: 13px;
    color:white;
    line-height: 10pt;
   
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}

.menu:active
{
	 font-weight: bold;
    font-size: 13px;
    color:Black;
    line-height: 10pt;
   
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: none;
}
}

.menu:hover
{
    font-weight: bold;
    font-size: 15px;
    color: white;
    font-family: Verdana, Arial,Tahoma,Sans-Serif,Geneva,Arial,Helvetica;
    text-decoration: underline;
}


.tdMenu
{
	background-color:#3B5998;
	
}
table.generalTable
{
    vertical-align: middle;
    text-align: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

table.tabGrayBorderView
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid; /* background-color: #FFFAF0; */
    background-color: White;
}
table.tabGrayBorderViewSection
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid; /* background-color: #FFFAF0; */
    background-color: White;
}
table.tabGrayBorderViewSubSection
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    margin-left: 10px;
    padding: 0 0 0 0;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid; /* background-color: #FFFAF0; */
    background-color: White;
}

table.tabGrayBorderParagraphView
{
    border-right: silver 1px solid;
    border-top: silver 1px solid; /*margin: 1px;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid; /* background-color: #FFFAF0; */
    background-color: White;
}

tr.tabGrayBorderView
{
    height: 20px;
}

.lblhand
{
    cursor: hand;
}

/*--------------*/

.Spacer
{
    height: 10px;
    width: 100%;
}

.divGrayBorderView
{
    /*background-color: #FFFAF0;*/
    border-width: 1px;
    border-style: solid;
    border-color: silver;
}
.ReadOnlyPara
{
    white-space: pre-line;
    width: 100%;
}
/*------------------------para start---------------------------------*/
.ParaHolder
{
    border-right: silver 1px solid;
    margin: 1px;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    vertical-align: middle;
    text-align: left;
}

.ParaTitle
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    margin: 1px;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    background: url(Images/box_maroon.gif) #dcdcdc fixed no-repeat 5px center;
    font-weight: bold;
    font-size: 13px;
    color: maroon;
    direction: ltr;
    text-indent: 25px;
    font-family: Verdana, Arial;
    height: 18px;
    vertical-align: middle;
    text-align: left;
    width: 100%;
}
.ParaButtonCell
{
    height: 18px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px silver;
}
.ParaContent
{
}
/*------------------------para end---------------------------------*/

/*------------------------stage start------------------------------*/
.StageHolder
{
    /* width:700px;	*/
    height: 35px; /*border:dotted 1px silver;*/
}
.MaroonArrowMaroonBg
{
    background-image: url(images/StageMaroon.gif);
    background-repeat: no-repeat;
    background-color: #FFD77B;
    text-align: center;
    border-top: Black 1px solid;
    border-bottom: Black 1px solid;
}
.GreyArrowMaroonBg
{
    background-image: url(images/StageGrey.gif);
    background-repeat: no-repeat;
    background-color: #FFD77B;
    text-align: center;
    border-top: Black 1px solid;
    border-bottom: Black 1px solid;
}
.MaroonArrowGreyBg
{
    background-image: url(images/StageMaroon.gif);
    background-repeat: no-repeat;
    background-color: silver;
    text-align: center;
    border-top: Black 1px solid;
    border-bottom: Black 1px solid;
}
.GreyArrowGreyBg
{
    background-image: url(images/StageGrey.gif);
    background-repeat: no-repeat;
    background-color: silver;
    text-align: center;
    border-top: Black 1px solid;
    border-bottom: Black 1px solid;
}
.GreyArrowTransBg
{
    background-image: url(images/StageGrey.gif);
    background-repeat: no-repeat;
    text-align: center;
}
.MaroonArrowTransBg
{
    background-image: url(images/StageMaroon.gif);
    background-repeat: no-repeat;
    text-align: center;
}
.StartMaroonBg
{
    text-align: center;
    background-color: #FFD77B;
    border-top: Black 1px solid;
    border-bottom: Black 1px solid;
}
.StartGreyBg
{
    text-align: center;
    background-color: Silver;
    border-top: Black 1px solid;
    border-bottom: Black 1px solid;
}
.HideArrow
{
    width: 0px;
    visibility: hidden;
    display: none;
}
/*------------------------stage end--------------------------------*/

.SELECT, INPUT
{
    /*  font-size: 10px;  font-family: Verdana;  background-color: #FFFAF0;   height: 20px; */
}

.ReadOnlyTextbox
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
    border: 0px;
    background-color: Transparent;
}
.ReadOnlyNumericTextbox
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
    color: Black !important;
    border: solid 1px #999999 !important;
    background-image: none !important;
    text-align: left !important;
}
.HideObjects
{
    display: none;
}
.ShowObjectsNonOverRideable
{
    display: block !important;
}
.ScrollMenu
{
    padding-top: 5px;
    overflow-y: auto;
    scrollbar-face-color: white;
    scrollbar-highlight-color: #f0f0f0;
    scrollbar-3dlight-color: gainsboro;
    scrollbar-arrow-color: gainsboro;
    scrollbar-darkshadow-color: gainsboro;
    width: 100%;
    height: 100%;
}
.tickerLines
{
    width: 524px;
    position: relative;
    top: 7px;
    font: normal 12px Arial, Verdana, Helvetica;
    color: #080808; /* ellipsis definitions for longer text */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.top
{
    height: 14px;
    width: 564px;
}
.middleLeft
{
    float: left;
    width: 20px;
    height: 27px;
}
.middleCenter
{
    float: left;
    width: 524px;
    height: 27px;
    background-image: url(Images/middleCenter.gif);
}
.middleRight
{
    float: left;
    width: 20px;
    height: 27px;
}


.simpletickerLines
{
    position: relative;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFF99;
    color: #00000;
}

.alerttickerLines
{
    position: relative;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    background-color: #EEA600;
    color: #00000;
}

.importanttickerLines
{
    position: relative;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
    background-color: #000000;
    color: White;
}

.PdfGrid td
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-decoration: none;
}

.PdfGrid th
{
    font-family: Verdana, Arial;
    background-color: rgb(250,240,240);
    color: white;
    font-size: 10px;
    text-decoration: none;
}

.PdfGrid th a
{
    font-family: Verdana, Arial !important;
    background-color: rgb(250,240,240);
    color: black !important;
    font-size: 10px !important;
    font-weight: bold;
    text-decoration: none !important;
}

.HighConfidentialFiles
{
    background-image: url(images/HighConfidential.jpg);
    background-repeat: repeat-y;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 500px;
    filter: alpha(opacity=10);
}

/*
For Limits table and prudential charts
*/
.thHeader
{
    background-color: rgb(100,50,30);
    vertical-align: top;
    color: white;
    font-weight: bold;
}
.thfont
{
    color: Maroon;
    font-weight: bold;
}
.prudentialchartTd
{
    color: black;
    white-space: normal;
    text-align: left;
    font-size: 10px;
}
.prudentialchartHdr
{
    color: black;
    border-bottom: 2px solid black;
    font-weight: bold;
    background-color: silver;
    white-space: normal;
    text-align: left;
    font-size: 10px;
}

.prudentialchartTh
{
    color: white;
    font-weight: bold;
    background-color: silver;
    white-space: normal;
    text-align: left;
    font-size: 10px;
}

.device_class, .row_device_class th
{
    color: white;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    font-weight: bold;
    background-color: silver;
    white-space: normal;
    text-align: left;
    font-size: 10px;
}
.family
{
    color: black;
    font-weight: bold;
    border-top: 2px solid black;
    background-color: silver;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
}
.maturity
{
    color: white;
    background-color: silver;
    font-weight: normal;
    font-size: 10px;
}
/* limits:start of value classes*/
.row_Equities td, .row_Securities td, .row_Signature td, .row_Loans td, .row_Reserve td, .row_Sum td, .row_Syndication td, .row_Delivery td, .row_Indirect_Risk td, .row_PF_VAR td
{
    font-weight: bold;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 2px solid black;
    font-size: 10px;
    text-align: center;
}

.col_Utilisations
{
	background-color:rgb(175,175,175);
}

.lineTableMoreThan7YearUtilisations
{
	border-left: 1px solid black;
    border-right: 1px solid black;          
    font-size: 10px;
    text-align: center;
    background-color:rgb(175,175,175);
}

.row_EquitiesNorm td, .row_SecuritiesNorm td, .row_SignatureNorm td, .row_LoansNorm td
{
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-left: 1px solid black;
    font-size: 10px;
    text-align: center;
}
.row_VARIATION_PORTFOLIO td
{
    font-weight: bold;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 2px solid black;
    border-bottom: 1px solid black;
    font-size: 10px;
    text-align: center;
}

/* limits:end of value classes*/

.row_benef_id_ricos th, .row_benef_class th, .row_benef_long_Name th, .row_benef_id_ricos td, .row_benef_class td, .row_benef_long_Name td
{
    font-size: 10px;
}

.row_Equities th, .row_Securities th, .row_Signature th, .row_Loans th, .row_Reserve th, .row_Sum th, .row_Syndication th, .row_Delivery th, .row_Indirect_Risk th, .row_PF_VAR th, .row_VARIATION_PORTFOLIO th
{
    color: black;
    font-weight: bold;
    border-top: 2px solid black;
    border-left: 1px solid black;
    background-color: silver;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
}

.row_EquitiesNorm th, .row_SecuritiesNorm th, .row_SignatureNorm th, .row_LoansNorm th
{
    border-left: 1px solid black;
    color: white;
    background-color: silver;
    font-weight: normal;
    font-size: 10px;
    text-align: right;
}
.row_Equities
{
    border-right: solid 1px red;
}
/*
End of Limits table CSS
*/

.row_benef_id_ricos, .row_benef_class, .row_benef_long_Name, .row_benef_long_Name
{
    display: none;
}

/* Frame Content, Content page properties */
.contentPanel /* Page Height */
{
    height: 500px; /* Prev height: 450px; */
}

.frameContent /* Default page frame content  */
{
    height: 550px;
}

.frameLoading /* Default page frame loading to hide button panel */
{
    height: 595px;
}

.contentPanelNoButton /* Page Height for pages without button panel like AWF */
{
    height: 525px; /* Prev height: 475px; */
}

.LineTablTextbox
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: left;
    vertical-align: middle;   
    width:120px;
    
}

.lineTableHdr
{
    color: White;
   border-left: 1px solid black;
    border-right: 1px solid black;   
    border-bottom: 2px solid black;
    font-weight: bold;
    background-color: silver;    
    text-align: left;
    font-size: 10px;
}
.lineTableTD
{
	border-left: 1px solid black;
    border-right: 1px solid black;   
    border-bottom: 2px solid black;   
    font-size: 10px;
    text-align: center;
}

.lineTablePeriodicTh
{
    color: white;
    font-weight: normal;
    background-color: silver;
    white-space: normal;
    text-align: right;
    font-size: 10px;
}
.lineTablePeriodicTD
{
	border-left: 1px solid black;
    border-right: 1px solid black;   
    border-bottom: 1px solid black;   
    font-size: 10px;
    text-align: center;
}

.lineTableMoreThan7Year
{
	border-left: 1px solid black;
    border-right: 1px solid black;          
    font-size: 10px;
    text-align: center;
}

.lineTableTopTD
{
	color: black;
    border-bottom: 2px solid black;
    border-top: 2px solid black;    
    background-color: silver;
    white-space: normal;
    text-align: left;
    font-size: 10px; 
    font-weight:bold; 
}

.lineTableTDHeader
{
	color: black;
	border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 2px solid black;
    border-top: 2px solid black;    
    white-space: normal;
    text-align: center;
    font-size: 10px;
}
.lineTable
{
width: 87%; 
border-top: solid 2px black;
border-left: solid 2px black;
border-right:solid 1px black;
}

.lineTableWithoutBottomborder
{
    color: black;    
    background-color: silver;
    white-space: normal;
    text-align: left;
    font-size: 10px;
    font-weight:bold;
}

.lineTableLabelBlackBold
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color:Black;
}

.lineTableLabelBlackNormal
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: normal;
    color:Black;
}

.lineTableLabelGreenBold
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;
    color: rgb(0,102,0);
}

.lineTableLabelGreenNormal
{
    font-family: Verdana, Arial;
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: normal;
    color:Green;
}
/* End of Frame Content, content page properties */